.page-bar{
    padding-right:0!important;
    .page-toolbar{
        padding: 0 !important;   
        display: inline-flex !important;
        align-items: stretch;
        justify-content: flex-end;
        height: 40px;
        .item{
            cursor: pointer;
            flex:1;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            padding-left: 10px;
            padding-right:10px;
            transition: background-color .2s linear;
            font-size:12px;
            @border-color:#e4e4e4;
            justify-content: space-around;
            &#date1{
                border-left:1px solid @border-color;
                border-right:1px solid @border-color;
            }
            &#date2{
                border-right:1px solid @border-color;
            }
            &#date1:hover,&#date2:hover{
                background-color: #eee;
            }
            &#query{
                width:60px;
                text-align: center;
            }
        }
    }
}